<div class="dataTable">
  <div class="title">{{'UserManagement.ManageAccessRights.Manage_Access_Rights' | translate}}</div>
  <div class="table-buttons">
    <div class="table-buttons-left">
      <div class="left-button-last" (click)="refresh()"><i
          class="iconfont icon-refresh1"></i>{{'UserManagement.ManageAccessRights.Refresh' | translate}}</div>
    </div>
    <div class="table-buttons-right">
      <itmp-toolbar [toolbarList]="toolbarList"></itmp-toolbar>
    </div>
  </div>
  <nz-table id="nzTable" #basicTable [nzShowPagination]="false" [nzData]="listOfData" [nzFrontPagination]="false">
    <thead>
      <tr class="dataTitle">
        <th *ngFor="let item of renderHeader" class="listTitle">
          <div>{{'UserManagement.ManageAccessRights.' + item.name | translate}}</div>
          <div class="switch" *ngIf="item.name==='Organization_ID'">
            <div style="width: 1.32rem;height: 0.32rem;background: rgba(167, 167, 167, 1);"></div>
          </div>
          <div class="switch" *ngIf="item.name==='Organization_Name'">
            <div style="width: 1.32rem;height: 0.32rem;background: rgba(167, 167, 167, 1);"></div>
          </div>
        </th>
      </tr>
    </thead>
    <tbody class="dataList">

      <tr *ngFor="let data of basicTable.data;index as i" (click)="click(i)" [class.active]="data.active">
        <td>{{!isShowVietName?data.rightName:data.vietRightName}}</td>
        <td>{{!isShowVietName?data.description:data.vietDescription}}</td>
      </tr>
    </tbody>
  </nz-table>
</div>